const sounds = ["applause", "boo", "gasp", "tada", "victory", "wrong"];

sounds.forEach((sound) => {
  /* 创建button元素 */
  const btn = document.createElement("button");
  /* button元素添加btn类样式 */
  btn.classList.add("btn");
  /* button元素中添加内容 */
  btn.innerText = sound;
  /* 点击事件 */
  btn.addEventListener("click", () => {
    /* 先停止播放和重置播放位置 */
    stopSongs();
    /* 播放 */
    document.getElementById(sound).play();
  });
  /* 添加到buttons元素中 */
  document.getElementById("buttons").appendChild(btn);
});

function stopSongs() {
  sounds.forEach((sound) => {
    /* 获取元素 */
    const song = document.getElementById(sound);
    /* 暂停媒体的播放 */
    song.pause();
    /* 改变媒体元素当前播放位置 */
    song.currentTime = 0;
  });
}
